.root {

}

* {
    -fx-font-family: STZhongsong, MingLiU,Tahoma,Arial,Hiragino Sans GB,simsun,sans-serif;
}

.main-pane {
    -fx-border-color: -fx-main-border-color, -fx-main-border-color, -fx-main-border-color, black;
    -fx-border-width: 1px 1px 1px 1px;
    /*-fx-border-radius: 1px;*/
    /*-fx-background-color: -fx-second-background-color;*/
    -fx-background-radius: 1px;
    /*-fx-effect: dropshadow(three-pass-box, -fx-main-border-color, 20, 1.5, 0, 0);*/
    -fx-effect: dropshadow(gaussian, rgba(230, 230, 230, 1.0), 70, 0.43, 0, 0);
}

.max-stage {
    -fx-border-width: 0px;
}

.main-pane .nav-pane {
    -fx-spacing: 20px;
    -fx-padding: 20px 5px 15px 5px;
    -fx-background-color: #171519;
    -fx-alignment: TOP_CENTER;
    -fx-min-width: 53px;
    -fx-max-width: 53px;
}

.main-pane .nav-pane .default-icon {
    -fx-icon-size: 28px;
    -fx-icon-color: -fx-fonticon-color;
}

.main-pane .nav-pane .default-icon:hover {
    -fx-icon-color: -fx-fonticon-hover-color;
}

.main-pane .nav-pane .active {
    -fx-icon-size: 28px;
    -fx-fill: -fx-highlight-color;
}

/**************************************************会话栏*****************************************************************/
.message-session-pane {
    -fx-background-color: -fx-message-background-color;
}

.message-session-pane .session-nav {
    -fx-background-color: linear-gradient(to right, derive(-fx-main-background-color, -10%) 0%, -fx-main-background-color 95%, derive(-fx-main-background-color, -10%) 100%);
    /*-fx-effect: dropshadow(three-pass-box, -fx-main-border-color, 20, 1.5, 0, 0);*/
    /*-fx-effect: innershadow(gaussian, rgba(179, 179, 179, 1.0), -6, 0, 17, 2);*/
    -fx-padding: 0px;
    -fx-min-width: 250px;
    -fx-max-width: 250px;
    -fx-border-width: 0px 1px 0px 0px;
    -fx-border-color: -fx-main-border-color;
}

.message-session-pane .session-nav .search-pane {
    -fx-padding: 20px;
    -fx-spacing: 10px;
    -fx-alignment: center-left;
}

.message-session-pane .session-nav .search-pane .button {
    -fx-background-color: -fx-main-background-color;
}

.message-session-pane .session-nav .search-pane .text-field {
    -fx-background-color: -fx-main-background-color;
    -fx-border-color: derive(-fx-main-background-color, -10%);
    -fx-border-radius: 4px;
    -fx-padding: 6px;
}

.message-session-pane .session-nav .search-pane .button:hover {
    -fx-background-color: derive(-fx-main-background-color, 50%);
}

.message-session-pane .session-nav .search-pane .ikonli-font-icon {
    -fx-icon-color: black;
}

.message-session-pane .session-view {
    -fx-padding: 5px 1px 5px 15px;
    -fx-pref-height: 55px;
    -fx-pref-width: 300px;
    -fx-max-width: 300px;
}

.message-session-pane .session-list-pane{

}

.message-session-pane .session-view:hover {
    -fx-background-color: derive(lightgray, 30%);
}

.message-session-pane .session-view .session-name {
    -fx-font-size: 16px;
    -fx-font-weight: 700;
    /*-fx-text-fill: gray;*/
}

.message-session-pane .session-view .session-day, .message-session-pane .session-view .session-flow {
    -fx-font-size: 12px;
    -fx-text-fill: #A7AFA6;
    -fx-fill: #A7AFA6;
}

.message-session-pane .session-view .session-flow .text {
    -fx-font-size: 12px;
    -fx-text-fill: #A7AFA6;
    -fx-fill: #A7AFA6;
}

.message-session-pane .session-view .head-icon-pane {
    -fx-max-width: 36px;
    -fx-max-height: 36px;
    -fx-pref-width: 36px;
    -fx-pref-height: 36px;
}

.message-session-pane .session-view .head-icon-pane .message-icon-pane {
    -fx-border-color: -fx-second-background-color;
    -fx-border-width: 1px;
}

.message-session-pane .session-view .head-icon-pane .group-icon-pane {
    -fx-border-color: -fx-second-background-color;
    -fx-border-width: 1px;
}


.message-session-pane .session-view .hot-pane {
    -fx-max-width: 10px;
    -fx-max-height: 10px;
}

.message-session-pane .session-view .hot-pane .hot-label {
    -fx-text-fill: -fx-second-background-color;
    -fx-font-size: 9px;
}

.message-session-pane .selected-session {
    -fx-background-color: derive(gray, 70%);
}

/*****************************************************************************************************************/
.search-result-pane .search-result-view {
    -fx-padding: 5px 2px 5px 10px;
    -fx-hgap: 10px;
    -fx-vgap: 10px;
}

.search-result-pane .search-result-view:hover {
    -fx-background-color: derive(-fx-main-background-color, -20%);
}

.search-result-pane .search-result-view .group-icon-pane {
    -fx-border-color: -fx-second-background-color;
    -fx-border-width: 1px;
}

.web-view {
    -fx-font-scale: 1;
    -fx-pref-width:100％;
    -fx-pref-height:100％;
    -fx-background-color: transparent;
    -fx-border-radius: 5;
    -fx-border-color: gray;
    -fx-background-radius: 5;
    -fx-background-color: -fx-second-background-color;
}

.web-view:hover {
    -fx-background-color: derive(lightgrey, 50%);
}

.html-editor {
    -fx-background-color: transparent;
    -fx-background-radius: 5px;
    -fx-border-color: transparent;
    -fx-border-radius: 5px;
    -fx-border-width: 0px;
    -fx-border-insets: 0;
}

.html-editor:focused {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-border-width: 0px;
    -fx-border-insets: 0;
}

.emoji-pane {
    -fx-border-color: -fx-main-border-color;
    -fx-border-radius: 5px;
    -fx-background-color: -fx-second-background-color;
    -fx-background-radius: 5px;
    -fx-padding: 1px 1px 1px 1px;
}

.emoji-pane .flow-pane {
    -fx-background-color: -fx-second-background-color;
}


/*******************************************************************************************************/
.setting-popup-pane {
    -fx-background-color: -fx-setting-pane-color;
    -fx-padding:1px;
}

.setting-popup-pane .button {
    -fx-text-fill: -fx-main-font-color;
    -fx-font-size: 15px;
    -fx-background-color: -fx-setting-pane-color;
    -fx-background-radius: 0;
    -fx-border-width: 0;
    -fx-pref-width: 150px;
    -fx-alignment: CENTER_LEFT;
}

.setting-popup-pane .button:hover {
    -fx-background-color: derive(-fx-setting-pane-color, 30%);
}

/*****************************************************************************************************/
.user-header-icon {
    -fx-background-color: -fx-second-background-color;
    -fx-padding:20px;
    -fx-effect: innershadow(three-pass-box, -fx-main-border-color, 1, 0.1, 0, 0);
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 1px;
}

.user-header-icon .head-icon {
    -fx-border-color: gray;
    -fx-border-width: 1px;
    -fx-border-radius: 20px
}

.user-header-icon .send-btn {
    -fx-border-insets: 30px 0px 0px 0px;
}


/*****************************************************************************************************/
.jfx-dialog-success {
    -fx-background-color: transparent;
}

.jfx-dialog-error {
    -fx-background-color: transparent;
}

.jfx-dialog-success .jfx-dialog-layout > .jfx-layout-heading {
    -fx-padding: 0px;
}

.jfx-dialog-success .jfx-layout-body {
    -fx-padding: 20px;
}

.jfx-dialog-error .jfx-dialog-layout > .jfx-layout-heading {
    -fx-padding: 0px;
}

.jfx-dialog-error .jfx-layout-body {
    -fx-padding: 20px;
}

.jfx-dialog-error .jfx-dialog-layout > .jfx-layout-actions .jfx-button {
    -fx-min-height: 0px;
    -fx-min-width: 0px;
}
